<template>
	<view>
		<div class="biantwo">
		     <h3>个性标签</h3>
		     <div class="block">
		          <div class="b-block1" v-for="(item,index) in biao1" :key="index">
		               <span>{{item}}</span>
		          </div>
		     </div>
		</div>
	</view>
</template>

<script>
	export default{
		props:["biao1"]
	}
</script>

<style lang="scss">
	.biantwo {
	     padding-bottom: 40rpx;
	     border-bottom: 2rpx dashed #eee;
	  //    margin-top: 40rpx;
		 // margin-bottom: 40rpx;
	
	     h3 {
	          font-weight: 600;
	          font-size: 32rpx;
	          text-align: left;
	          color: #161616;
	     }
	
	     .block {
	          display: flex;
	          justify-content: flex-left;
	          align-items: center;
	          flex-wrap: wrap;
	          padding-top: 20rpx;
	
	          .b-block1 {
	               padding: 20rpx 16rpx 10rpx 0;
	
	               span {
	                    display: inline-block;
	                    padding: 10rpx 50rpx;
	                    background: #f7f8fa;
	                    color: #595959;
	                    line-height: 50rpx;
	                    border-radius: 30rpx;
	                    font-size: 24rpx;
	               }
	          }
	     }
	}
</style>